<template>
    <div class="zichan">
        <zongHead iszong="2"></zongHead>
        <div class="zicontent">
            <div class="anview">
                <span class="antit">身份认证</span>
                <div class="renone">
                    <img src="@/assets/img/addition/idbg.png" alt="" class="idbg"/>
                    <span class="shenone">请完成身份认证</span>
                    <span class="shentwo">根据当地法律法规，您需要完成身份认证方可继续使用我们的服务。这将有助于防止他人冒充您创建欧易账户，保护您的账户安全。</span>
                    <span class="shenthree">您需要提供以下信息：</span>
                    <span class="xinxi">·证件信息</span>
                    <span class="xinxi">·证件照正反面</span>
                    <span class="xinxi">·手持证件照</span>
                    <div class="renzheng" @click="getrenzheng">立即认证</div>
                </div>
            </div>

        </div>
</div>
</template>
  
<script>
import { ref } from 'vue';
import zongHead from '@/views/property/components/zongHead.vue';
// import { el } from 'element-plus/es/locale';
export default {
    name: "propertyHome",
    components: { zongHead },
    data() {
        return {
            modal1: false,
            ishead: 0,
            iseye: false,
            istou: 2,
            isrenzheng: false,//是否认证样式
        };
    },
    mounted() {
        // autofit.init({
        //   dh: 950,
        //   dw: 1200,
        //   el: "#app",
        //   resize: true
        // });
        // let devicewidth = document.documentElement.clientWidth//获取当前分辨率下的可是区域宽度
        //   let scale = devicewidth / 1920 // 分母——设计稿的尺寸
        //   document.body.style.zoom = scale//放大缩小相应倍数
        // },
    },
    setup() {
    },
    methods: {
        toggleMode(e) {
            // console.log(e)
            this.ishead = e

        },
        istouClick(e) {
            this.istou = e
        },
        xiumi(e){
            if(e == 1){
                //修改登录密码
                this.$router.push({ path: '/LoginPSD'})
            }else if(e == 2){
                //修改邮箱
                this.$router.push({ path: '/EmailEdit'})
            }
        },
        getrenzheng(){
            this.$router.push({ path: '/IdentTwo'})
        }
    }
};
//   const ishead = ref('0');
//   const toggleMode = (e) => {
//     ishead.value = e;
//   };
</script>
  
<style lang="scss" scoped>

.zicontent {
    padding: 28px 20%;
    display: flex;
    flex-direction: column;
    .anview{
        .antit{
            font-size: 24px;
            font-family: Source Han Sans CN;
            font-weight: 500;
            color: #121212;
            margin-bottom: 20px;
            display: block;
        }
        .renone{
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            padding: 0 10%;
            .idbg{
                width: 188px;
                height: 167px;
                margin-bottom: 30px;
            }
            .shenone{
                font-size: 24px;
                font-family: Source Han Sans CN;
                font-weight: 500;
                color: #121212;
                display: block;
                margin-bottom: 20px;
            }
            .shentwo{
                font-size: 16px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #121212;
                display: block;
                text-align: center;
            }
            .shenthree{
                color: #121212;
                font-size: 16px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                margin-top: 40px;
                display: block;
                margin-bottom: 10px;
            }
            .xinxi{
                font-size: 14px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #666;
                display: block;
                text-align: center;
                margin-bottom: 8px;
            }
            .renzheng{
                height: 41px;
                background: #000000;
                border-radius: 20px;
                display: flex;
                align-items: center;
                justify-content: center;
                font-size: 16px;
                font-family: Source Han Sans CN;
                font-weight: 400;
                color: #FFFFFF;
                width: 100%;
                margin-top: 50px;
                cursor: pointer;
            }
        }
    }
}

.xiaclass {
    position: relative;
    top: 4px !important;
}</style>